<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <base href=".">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="RippleOK query ripple account address infomation">
  <meta name="author" content="rippleOK">
  <link rel="icon" href="/favicon.ico">

  <title>RippleOK query ripple account address infomationl</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
  <!-- build:libcss ../assets/css/rippleok-lib.min.css -->
  <!-- bower:css -->
  <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
  <!-- endbower -->
  <!-- endbuild -->
  <!-- build:libcss ../assets/css/rippleok.min.css -->
  <!-- injector:css -->
  <link rel="stylesheet" href="../assets/css/rippleok.css">
  <!-- endinjector -->
  <!-- endbuild -->
  <!--  HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries  -->
  <!-- [if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif] -->
</head>

<body ng-app="accountApp">
  <div class="container" ng-controller="AccountCtrl" ng-cloak>
    <div class="navbar navbar-default navbar-static-top" ng-cloak>
      <div class="container">
        <div class="navbar-header">
          <button class="navbar-toggle" type="button" ng-click="isCollapsed = !isCollapsed">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <div class="navbar-brand">
            <a href="/" target="_self">
              <span style="font-weight:bold;color:#428bca;">ripple<font style="font-weight:bold;color:#FF9933;">OK</font>
              </span>
            </a>
          </div>
        </div>
        <div collapse="isCollapsed" class="navbar-collapse collapse" id="navbar-main">
          <ul class="nav navbar-nav">
            <li ng-repeat="item in menu" ng-class="{active: isActive(item.link)}">
              <a ng-href="{{item.link}}">{{item.title}}</a>
            </li>
            <li ng-show="isAdmin()" ng-class="{active: isActive('/admin')}">
              <a href="/admin">Admin</a>
            </li>
          </ul>
          <ul class="nav navbar-nav">
            <li ng-cloak>
              <a href="ledger.html" target="_blank">{{lang==0?'Ledger':'总账'}}</a>
            </li>
            <li ng-cloak>
              <a href="transaction.html" target="_blank">{{lang==0?'Transaction':'交易'}}</a>
            </li>
            <li ng-cloak class="active">
              <a href="account.html" class="bold">{{lang==0?'Account':'账号'}}</a>
            </li>
            <li ng-cloak>
              <a href="gateway.html" target="_blank">{{lang==0?'Gateway':'网关'}}</a>
            </li>
          </ul>
          <form class="nav navbar-nav navbar-right navbar-form">
            <div class="input-group" style="width:500px">
              <input id="address" type="text" class="form-control" placeholder="r...address ~name"  ng-keypress="($event.which === 13)?queryAccountInfo():0">
              <span class="input-group-btn" style="width:150px">
                <button class="btn btn-primary" type="button" ng-click="queryAccountInfo();">Let's go. ripple
                  <span style="font-weight:bold;color:#FF9933;">OK</span> »</button>
              </span>
            </div>
          </form>
        </div>
      </div>
    </div>


    <!-- ----------------------------------------------------------------- -->
    <div class="row">
      <div class="col-md-8">
        <div class="row">
          <div class="col-md-12">
            <b>{{lang==0?'Ripple Name':'瑞波名'}}：</b>
            <span id="ripplename"></span>
            <b>{{lang==0?'Address':'地址'}}：</b>
            <span id="rippleaddress">
              <span>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <span id="xrp"></span>
            <span id="otherinfo"></span>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <span id="avatar"></span>
        <span id="domain"></span>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <span ng-repeat="set in accountsetting" style="margin-right:6px">{{set.name}}:{{set.value|checkmark}}</span>
      </div>
    </div>
    <!-- ----------------------------------------------------------- -->
    <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            <div class="row">
              <div class="col-md-3">
                <h3 class="panel-title" style="margin-top:3px">{{lang==0?'Funds list':'资金列表'}}</h3>
              </div>
              <div class="col-md-9">
                <a id="requery" href="#" onclick="queryAccountInfo();" class="hide">{{lang==0?'Download fund list timeout，click this retry':'下载资金列表数据超时，点击这儿重试'}}.</a>
              </div>
            </div>
          </div>
          <div class="panel-body" style="max-height: 530px;overflow-y:auto;overflow-x:hidden">
            <div id="funddiv" class="row ng-cloak collapse in" ng-hide="collapsed">
              <div class="col-md-12">

                <div class="row gridhead" ng-show="funds.length>0">
                  <div class="col-md-1 gap">currency</div>
                  <div class="col-md-5 gap">issuer</div>
                  <div class="col-md-3 gap" style="text-align:right">amount</div>
                  <div class="col-md-2 gap" style="text-align:right">limit</div>
                  <div class="col-md-1">no-ripple</div>
                </div>
                <div class="row" ng-repeat="fund in funds" ng-class="{'even':$even,'odd':$odd}">
                  <div class="col-md-1 gap" style="text-align:center">{{fund.currency}}</div>
                  <div class="col-md-5 gap" style="text-align:left">
                    <a href='account.html#{{fund.issuer}}' target="_blank">{{fund.issuer}}{{fund.issuer|toname|bracket}}</a>
                  </div>
                  <div class="col-md-3 gap" style="text-align:right">{{fund.amount}}</div>
                  <div class="col-md-2 gap" style="text-align:right">{{fund.limit}}</div>
                  <div class="col-md-1" style="text-align:center">{{fund.no_ripple|checkmark}}</div>
                </div>

                <div class="row gridhead" ng-show="issuers.length>0">
                  <div class="col-md-1 gap">Currency</div>
                  <div class="col-md-3 gap" style="text-align:right">Issuer Currency Amount</div>
                  <div class="col-md-3 gap" style="text-align:right">Depositor count</div>
                  <div class="col-md-5 gap" style="text-align:right">Trust lines</div>
                </div>
                <div class="row" ng-repeat="issuer in issuers">
                  <div class="col-md-1 gap" style="text-align:center">{{issuer.currency}}</div>
                  <div class="col-md-3 gap" style="text-align:right">{{issuer.amount}}</div>
                  <div class="col-md-3 gap" style="text-align:right">{{issuer.depositor}}</div>
                  <div class="col-md-5 gap" style="text-align:right">{{issuer.trustlines}}</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- ----------------------------Offers------------------------------- -->
    <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            <div class="row">
              <div class="col-md-6">
                <h3 class="panel-title" style="margin-top:3px">{{lang==0?'Offsers list':'挂单列表'}}</h3>
              </div>
              <div class="col-md-6" style="text-align:right">

              </div>
            </div>
          </div>
          <!-- panel-heading  -->
          <div class="panel-body" style="max-height: 600px;overflow-y: auto;">
            <div class="row">
              <div class="col-md-12">
                <div class="row gridhead" ng-show="offers.length>0">
                  <div class="col-md-5 gap" style="text-align:right">{{lang==0?'Base currency':'基础货币'}}</div>
                  <div class="col-md-5 gap">{{lang==0?'Counter currency':'计数货币'}}</div>
                  <div class="col-md-2">{{lang==0?'Price':'价格'}}</div>
                </div>
                <div class="row" ng-repeat="offer in offers" ng-class="{'even':$even,'odd':$odd}">
                  <div class="col-md-5 gap" style="text-align:right">
                    <span style="color:{{offer.color}}"><b>{{offer.prompt1}}</b></span> {{offer.goods}}
                    <span title='{{offer.goodsissuer}}'><a href='account.html#{{offer.goodsissuer}}' target="_blank">{{offer.goodsissuer|shortAccount|bracket}}</span></a>
                  </div>
                  <div class="col-md-5 gap">
                    <span style="color:{{offer.color}}"><b>{{offer.prompt2}}</b></span> {{offer.money}}
                    <span title='{{offer.moneyissuer}}'><a href='account.html#{{offer.moneyissuer}}' target="_blank">{{offer.moneyissuer|shortAccount|bracket}}</a></span>
                  </div>
                  <div class="col-md-2">{{offer.price}}</div>
                </div>

              </div>
            </div>
          </div>
          <!-- panel-body  -->
        </div>
        <!-- panel panel-info  -->
      </div>
    </div>
    <!-- ----------------------------------tx------------------------------- -->

    <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            <div class="row">
              <div class="col-md-6">
                <h3 class="panel-title" style="margin-top:3px">{{lang==0?'Transactions History':'交易历史'}}</h3>
              </div>
              <div class="col-md-6" style="text-align:right">

              </div>
            </div>
          </div>
          <!-- panel-heading  -->
          <div class="panel-body">
            <div class="row" ng-repeat="tx in txs">
              <div class="col-md-12">
                <!-- -----------------------------------------------ng-if="tx.TransactionType=='TrustSet'" begin -->
                <div class="row" ng-if="tx.TransactionType=='TrustSet'">
                  <div class="col-md-12">
                    <span class="date" style="color:grey">{{tx.date}}</span>
                    <span class="txtype">{{tx.TransactionType}}</span> Seq:
                    <b>{{tx.Sequence}}</b>
                    <span><b>Trust Amount</b> {{tx.LimitAmount.value}}{{tx.LimitAmount.currency}} <a href='account.html#{{tx.LimitAmount.issuer}}' target="_blank">{{tx.LimitAmount.issuer}}{{tx.LimitAmount.issuer|toname|bracket}}</a></span>
                    <span><b>Fee:</b> {{tx.Fee}}drop</span>
                    <span>TX hash:<a href='transaction.html#{{tx.txhash}}' target="_blank">{{tx.txhash|shortTX}}</a></span>
                  </div>
                </div>
                <!-- -----------------------------------------------ng-if="tx.TransactionType=='TrustSet'" end -->
                <!-- -----------------------------------------------ng-if="tx.TransactionType=='OfferCancel'" begin -->
                <div class="row" ng-if="tx.TransactionType=='OfferCancel'">
                  <div class="col-md-12">
                    <span class="date" style="color:grey">{{tx.date}}</span>
                    <span class="txtype">{{tx.TransactionType}}</span> Seq:
                    <b>{{tx.Sequence}}</b>
                    <span><b>Cancel OfferSequence</b> {{tx.OfferSequence}} </span>
                    <span><b>Fee:</b> {{tx.Fee}}drop</span>
                    <span>TX hash:<a href='transaction.html#{{tx.txhash}}' target="_blank">{{tx.txhash|shortTX}}</a></span>
                  </div>
                </div>
                <!-- -----------------------------------------------ng-if="tx.TransactionType=='OfferCancel'" end -->
                <!-- -----------------------------------------------ng-if="tx.TransactionType=='Payment'" begin -->
                <div class="row" ng-if="tx.TransactionType=='Payment'">
                  <div class="col-md-12">
                    <span class="date" style="color:grey">{{tx.date}}</span>
                    <span class="txtype">{{tx.TransactionType}}</span> Seq:
                    <b>{{tx.Sequence}}</b>
                    <span><b>{{tx.type}}</b> {{tx.amount.value}}{{tx.amount.currency}}<a href='account.html#{{tx.amount.issuer}}' target="_blank">{{tx.amount.issuer|shortAccount|bracket}}</a> </span>
                    <span><b>{{tx.prep}}</b> <a href='account.html#{{tx.counterparty}}' target="_blank">{{tx.counterparty}}{{tx.counterparty|toname|bracket}}</a></span>
                    <span>TX hash:<a href='transaction.html#{{tx.txhash}}' target="_blank">{{tx.txhash|shortTX}}</a></span>
                  </div>
                </div>
                <!-- -----------------------------------------------ng-if="tx.TransactionType=='Payment'" end -->
                <!-- -----------------------------------------------ng-if="tx.TransactionType=='OfferCreate'" begin -->
                <div class="row" ng-if="tx.TransactionType=='OfferCreate'">
                  <div class="col-md-11 {{tx.classname}}">
                    <span class="date" style="color:grey">{{tx.date}}</span>
                    <span class="txtype">{{tx.TransactionType}}</span> Seq:
                    <b>{{tx.Sequence}}</b>
                    <span style="color:{{tx.color}}"><b> {{tx.prompt1}}</b></span> {{tx.goods}}
                    <span title='{{tx.goodsissuer}}'><a href='account.html#{{tx.goodsissuer}}' target="_blank">{{tx.goodsissuer|shortAccount|bracket}}</a></span>
                    <span style="color:{{tx.color}}"><b>  {{tx.prompt2}}</b></span> {{tx.money}}
                    <span title='{{tx.moneyissuer}}'><a href='account.html#{{tx.moneyissuer}}' target="_blank">{{tx.moneyissuer|shortAccount|bracket}}</a></span>
                    <b>Price:</b>{{tx.price}}
                    <b>TX hash:</b>
                    <span title='{{tx.txhash}}'><a href='transaction.html#{{tx.txhash}}' target="_blank">{{tx.txhash|shortTX}}</a></span>
                  </div>
                  <div class="col-md-1" style="text-align:right;cursor:pointer" ng-click="showfills('#fill'+tx.Sequence);" ng-show="tx.fills.length>0">
                    Filled log
                  </div>
                </div>
                <!-- ------- div fill{{}}  -->
                <div class="fill" id="fill{{tx.Sequence}}" style="display:none">
                  <div class="row" ng-repeat="fill in tx.fills" style="background-color:azure;color:DarkSlateGray">
                    <div class="col-md-12" ng-if="fill.TransactionType=='OfferCancel'">
                      <span class="filldate">{{fill.date}}</span>
                      <span class="txtype">{{fill.TransactionType}}</span> Seq:
                      <b>{{fill.Sequence}}</b>
                      <b>TX hash:</b>
                      <span title='{{fill.txhash}}'><a href='transaction.html#{{fill.txhash}}' target="_blank">{{fill.txhash|shortTX}}</a></span>
                      <br>
                    </div>
                    <div class="col-md-12" ng-if="fill.TransactionType!='OfferCancel'">
                      <span class="filldate">{{fill.date}}</span>
                      <span><b>Volume:</b>{{fill.volume[0]}} {{fill.volume[1]}}</span>
                      <span><b>Trader:</b><a href='account.html#{{fill.Account}}' target="_blank">{{fill.Account|shortAccount|bracket}}</a> <b>{{fill.TransactionType}}</b></span>
                      <b>TX hash:</b>
                      <span title='{{fill.txhash}}'><a href='transaction.html#{{tx.txhash}}' target="_blank">{{fill.txhash|shortTX}}</a></span>
                      <br>
                      <span class="filldate"></span>
                      <span><b>OfferBalance:</b>{{fill.OfferBalance[0]}} {{fill.OfferBalance[1]}}</span>
                      <br>
                      <span class="filldate"></span>
                      <span><b>AccountBalance:</b>{{fill.AccountBalance[0]}} {{fill.AccountBalance[1]}}</span>
                    </div>
                  </div>
                </div>
                <!-- div fill{{}}  -->
                <!-- -----------------------------------------------ng-if="tx.TransactionType=='OfferCreate'" end -->
              </div>
            </div>
            <!-- ng-repeat="tx in txs"  -->
            <div class="row gridfooter">
              <div class="col-md-12" style="text-align:center">
                <div id="txLoading" class="bold" style="display:none">
                  <img src="img/ripplelogo.png" class="loading">Loading transactions data...
                </div>
                <div id="loadmore" style="display:none">
                  <a href="javascript:void(0)" onClick="loadMoreTXS();">Fetch more transactions</a>
                </div>
              </div>
            </div>
            <!-- gridfooter  -->

          </div>
          <!-- panel-body  -->
        </div>
        <!-- panel panel-info  -->
      </div>
    </div>
    <!-- ----------------------------------------------------------------- -->
    <div id="accountinfo"></div>
    <div id="accountlines"></div>
    <div id="accountoffers"></div>
    <div id="accounttxs"></div>
    <footer ng-include="'../components/footer/footer.html'"></footer>
  </div>
  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-61799066-1', 'auto');
  ga('send', 'pageview');

</script>
  <!--[if lt IE 9]>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.0/es5-shim.map"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
  <![endif]-->

  <!-- build:libjs ../assets/js/rippleok-lib.min.js -->
  <!-- bower:js -->
  <script src="../bower_components/jquery/dist/jquery.js"></script>
  <script src="../bower_components/angular/angular.js"></script>
  <script src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
  <script src="../bower_components/angular-resource/angular-resource.js"></script>
  <script src="../bower_components/angular-cookies/angular-cookies.js"></script>
  <script src="../bower_components/angular-sanitize/angular-sanitize.js"></script>
  <script src="../bower_components/lodash/dist/lodash.compat.js"></script>
  <script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
  <script src="../bower_components/ripple/ripple.js"></script>
  <!-- endbower -->
  <!-- endbuild -->

  <!-- build:js({.tmp,client}/ledger) js/account.min.js -->
  <!-- injector:js -->
  <script src="../assets/js/ripple-remote.js"></script>
  <script src="../assets/js/rippleok-util.js"></script>
  <script src="account/js/app.js"></script>
  <script src="account/js/account.controller.js"></script>
  <script src="account/js/filter.js"></script>
  <!-- endinjector -->
  <!-- endbuild -->

</body>

</html>
